import React, {Component} from 'react';
import {Pagination} from "antd";

export default class SearchResult extends Component {
    onChange(a, b) {
        alert("第" + a + "页，每页数据是" + b + "条");
    }

    render() {
        return (
            <div>
                <h4 className="mrt30">共计搜索结果<span className="search-result-red">100</span>条</h4>
                <hr/>
                <div>
                    <div className="media">
                        <div className="media-body">
                            <h5 className="media-heading">
                                <small className="pull-right">2018-12-12</small>
                                <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">上海市发展和改革委员会关于价格的通知<span
                                    className="search-result-red">【技术服务】</span></a>
                            </h5>
                            上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知
                        </div>
                    </div>
                    <div className="media">
                        <div className="media-body">
                            <h5 className="media-heading">
                                <small className="pull-right">2018-12-12</small>
                                <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">上海市发展和改革委员会关于价格的通知</a>
                            </h5>
                            上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知
                        </div>
                    </div>
                    <div className="media">
                        <div className="media-body">
                            <h5 className="media-heading">
                                <small className="pull-right">2018-12-12</small>
                                <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">上海市发展和改革委员会关于价格的通知</a>
                            </h5>
                            上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知上海市发展和改革委员会关于价格的通知
                        </div>
                    </div>
                    <hr/>
                    <Pagination  className="text-center mrb30" defaultCurrent={6} onChange={this.onChange} total={500}/>
                </div>
            </div>
        );
    }
}

